﻿<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <title>Bootstrap速览</title>
    <link href="Content/bootstrap.min.css" rel="stylesheet"/>
</head>
<body>
    <header class="container-fluid">
        <div class="col-md-4"><h1>XXX有限公司</h1></div>
        <div class="col-md-8"><img src="" alt="XXX有限公司" /></div>
    </header>
    <nav class="navbar navbar-inverse">
        <ul class="nav navbar-nav">
            <li><a href="#">首页</a></li>
            <li><a href="#">公司概况</a></li>
            <li><a href="#">产品简介</a></li>
            <li><a href="#">联系我们</a></li>
        </ul>
    </nav>
    <div class="container-fluid">
        <main class="col-md-9">
            <section class="row">
                <h2>产品展示</h2>
                <p>多个产品轮播展示</p>
            </section>
            <section class="row">
                <h2>客户服务</h2>
                <article class="col-md-6">
                    <h3>在线联系</h3>
                    <p>通过在线联系了解产品信息</p>
                </article>
                <article class="col-md-6">
                    <h3>电子邮件</h3>
                    <p>通过发送邮件了解产品信息</p>
                </article>
            </section>
        </main>
        <aside class="col-md-3">
            <ul class="list-group">
                <li class="list-group-item"><span class="glyphicon glyphicon-apple" aria-hidden="true">&nbsp;</span><a href="#">产品分类I</a></li>
                <li class="list-group-item"><span class="glyphicon glyphicon-apple" aria-hidden="true">&nbsp;</span><a href="#">产品分类II</a></li>
                <li class="list-group-item"><span class="glyphicon glyphicon-apple" aria-hidden="true">&nbsp;</span><a href="#">产品分类III</a></li>
                <li class="list-group-item"><span class="glyphicon glyphicon-apple" aria-hidden="true">&nbsp;</span><a href="#">产品分类III</a></li>
            </ul>
        </aside>
    </div>
   

    <footer class="">
        <p>Copyright 2020 &copy;</p>
        <address >江西省九江市前进东路53号</address>
    </footer>

    <script src="Scripts/jquery-3.4.1.min.js"></script>
    <script src="Scripts/bootstrap.min.js"></script>
</body>
</html>